<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>市场</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
	<link href="./css/mui.css" rel="stylesheet"/>
	<link href="./css/mui.min.css" rel="stylesheet"/>
	<link href="./css/app.css" rel="stylesheet"/>
</head>
<body>
	<!-- 头部TITLE -->
	<header class="mui-bar mui-bar-nav mui-bar-transparent">
		<h1 class="mui-title app-header">
			<a href="#">竖屏</a>
			&nbsp; &nbsp; 
			<a href="#">宽屏</a>
		</h1>
	</header>
	<!-- 头部TITLE -->
	
	<!-- 主体部分 -->
	<div class="mui-content">
		<div class="mui-card">
			<!-- <div class="mui-card-header">标题</div> -->
			<div class="mui-card-content">
				<img src="imgs/tmp.png">
			</div>
			<div class="mui-card-footer">描述</div>
		</div>
		<div class="mui-card">
			<!-- <div class="mui-card-header">标题</div> -->
			<div class="mui-card-content">
				<img src="imgs/tmp.png">
			</div>
			<div class="mui-card-footer">描述</div>
		</div>
		<div class="mui-card">
			<!-- <div class="mui-card-header">标题</div> -->
			<div class="mui-card-content">
				<img src="imgs/tmp.png">
			</div>
			<div class="mui-card-footer">描述</div>
		</div>
	</div>
	<br><br>
	<!-- 主体部分 -->
	
	<!-- 底部菜单 -->
	<nav class="mui-bar mui-bar-tab">
		<a class="mui-tab-item" onclick="jumpToIndex()">
			<span class="mui-icon mui-icon-home"></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a class="mui-tab-item mui-active" onclick="jumpToMarket()">
			<span class="mui-icon mui-icon-download"></span>
			<span class="mui-tab-label">库</span>
		</a>
<!-- 		<a class="mui-tab-item" onclick="jumpToMarket()">
			<span class="mui-icon mui-icon-download"></span>
			<span class="mui-tab-label">广场</span>
		</a> -->
<!-- 		<a class="mui-tab-item" onclick="jumpToCamera()">
			<span class="mui-icon mui-icon-camera"></span>
			<span class="mui-tab-label">拍</span>
		</a> -->
<!-- 		<a class="mui-tab-item" onclick="jumpToChat()">
			<span class="mui-icon mui-icon mui-icon-chatbubble"></span>
			<span class="mui-tab-label">消息</span>
		</a> -->
		<a class="mui-tab-item" onclick="jumpToMy()">
			<span class="mui-icon mui-icon-contact"></span>
			<span class="mui-tab-label">我的</span>
		</a>
	</nav>
	<!-- 底部菜单 -->
</body>
</html>

<script src="./js/mui.js"></script>
<script src="./js/app.js"></script>
<script type="text/javascript">
	// mui.init()
	//自动加载
	(function($, owner) {
		getIndex(); //数据列表
	}(mui, window.app = {}));
	// 获取数据
	function getIndex(){
		var cache = cacheGet(indexList);
		mui.toast('??'+cache)
	}
</script>